<template>
    <!--预定成都酒店基本信息-->
    <div>
        <!--顶部导航栏-->
        <Header></Header>
        <div class="wrapper">
            <!--路径导航-->
            <PathNavigation :HotelPathnav="lists"></PathNavigation>
            <!--酒店介绍-->
            <Hotelintro :intro="hotel_intro"></Hotelintro>
            <!--简介-->
            <Hotelintrobd :imgesa="intro_bd"></Hotelintrobd>
        </div>
    </div>
</template>

<script>
    import Header from "@/components/index/Header.vue";
    import PathNavigation from "@/components/information/PathNavigation";
    import Hotelintro from "@/components/information/Hotelintro";
    import Hotelintrobd from "@/components/information/Hotelintrobd";
    export default {
        name: "Hotelinfo",
        components:{
            Header,
            PathNavigation,
            Hotelintro,
            Hotelintrobd
        },
        data(){
            return{
                lists:{
                    reserve: "成都钓鱼台精品酒店预订",
                    nainiang: "成都",
                    Chengdu: "成都酒店查询"
                },
                hotel_intro:{
                    title: "成都钓鱼台精品酒店",
                    nainiang: "Diaoyutai Boutique Hotel Chengdu",
                    site: "宽巷子38-39号",      //地址
                    score: "8.9",        //评分
                    evaluate: "非常好",       //评价
                    comment: "200"   //评论数
                },
                intro_bd:{
                    img_Big: "https://b1-q.mafengwo.net/s10/M00/01/36/wKgBZ1mU3gWAZfUKAAWgBf1_Zuw75.jpeg?imageMogr2%2Fthumbnail%2F%211360x760r%2Fgravity%2FCenter%2Fcrop%2F%211360x760%2Fquality%2F90",
                    num: "129",
                    img_big:[
                        {
                            img_small: "https://b1-q.mafengwo.net/s10/M00/01/37/wKgBZ1mU3gWAfMYSAAX9GQ6NrcM78.jpeg?imageMogr2%2Fthumbnail%2F%21300x240r%2Fgravity%2FCenter%2Fcrop%2F%21300x240%2Fquality%2F90"
                        },
                        {
                            img_small: "https://b1-q.mafengwo.net/s12/M00/70/93/wKgED1wR4x-AZ5Y1AD_izzLSji4912.png?imageMogr2%2Fthumbnail%2F%21300x240r%2Fgravity%2FCenter%2Fcrop%2F%21300x240%2Fquality%2F90"
                        },
                        {
                            img_small: "https://n1-q.mafengwo.net/s10/M00/01/CE/wKgBZ1mU3huAGUKLAAMosufyjS484.jpeg?imageMogr2%2Fthumbnail%2F%21300x240r%2Fgravity%2FCenter%2Fcrop%2F%21300x240%2Fquality%2F90"
                        },
                        {
                            img_small: "https://p1-q.mafengwo.net/s10/M00/01/A2/wKgBZ1mU3hWADGT8AASKksRHGx068.jpeg?imageMogr2%2Fthumbnail%2F%21300x240r%2Fgravity%2FCenter%2Fcrop%2F%21300x240%2Fquality%2F90"
                        },
                        {
                            img_small: "https://n1-q.mafengwo.net/s10/M00/01/81/wKgBZ1mU3hCAO8AuAAp_HxQqiJ039.jpeg?imageMogr2%2Fthumbnail%2F%21300x240r%2Fgravity%2FCenter%2Fcrop%2F%21300x240%2Fquality%2F90"
                        },
                        {
                            img_small: "https://n1-q.mafengwo.net/s8/M00/29/90/wKgBpVW8nJSAaMLjAAKDwA4ajVU23.jpeg?imageMogr2%2Fthumbnail%2F%21300x240r%2Fgravity%2FCenter%2Fcrop%2F%21300x240%2Fquality%2F90"
                        }
                    ]
            }
            };
        },
        mounted(){
            this.message();
        },
        methods:{
            message(){
                // eslint-disable-next-line no-undef
                if(typeof M !== "undefined" && typeof M.loadResource === "function") {
                    // eslint-disable-next-line no-undef
                    M.loadResource("https://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad:js+jquery.scrollTo:js+MouseTip:js+hotel+module+Hash:js+hotel+module+ModuleProvider:js+hotel+module+ImageLoader:js+hotel+module+Album:js+hotel+module+AlbumComment:js+hotel+module+Log:js+hotel+module+FavDialog:js+hotel+mfwmap+mfwmap-util:js+hotel+mfwmap+mfwmap-event:js+hotel+mfwmap+mfwmap-runtime-google:js+hotel+mfwmap+mfwmap-runtime-amap:js+hotel+mfwmap+mfwmap-runtime-leaflet:js+hotel+mfwmap+mfwmap:js+hotel+mfwmap+mfwmap-overlays:js+hotel+module+ListTips:js+xdate:js+hotel+module+BookingDate:js+hotel+info:js+hotel+module+FestivalDateConfig:js+jquery-ui-core:js+jquery-ui-datepicker:js+hotel+module+DateRangePicker:js+hotel+module+BookingGuests:js+hotel+module+NumberGuestsPicker:js+hotel+module+BookingInfo:js+hotel+info_booking:js+M+module+Pagination:js+M+module+TopTip:js+hotel+module+ReportDialog:js+hotel+info_comment:js+hotel+pc_app_guide^YlFVSg^1584071349.js");
                }
            }
        }
    }
</script>

<style scoped>
    /*@import "https://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1578479974.css";*/
    /*@import "https://css.mafengwo.net/css/cv/css+hotel+detail:css+hotel+datepicker-range:css+hotel+number_guests_picker:css+hotel_pop:css+mdd+hotel_fav:css+mdd+map-mark.v2:css+jquery-ui-1.9.1.custom.min:css+hotel+sign+index^YlJb^1552035728.css";*/

    .wrapper {
        width: 1000px;
        margin: 0 auto;
    }
</style>